.container {
    width: 1200px;
    margin: 0 auto;
    // background-color: aqua;
}

header {
    div {
        text-align: center;
        margin-bottom: 20px;
    }

}

main {
    width: 100%;
    height: 480px;
    background-color: aquamarine;
    background: url('../img/zc.webp') 0px 0px no-repeat;
    background-size: 1200px;

    .right {
        width: 50%;
        margin-left: 50%;
        height: 100%;
        overflow: hidden;
        background-color: rgba($color: #f7f7f5, $alpha: 0.1);

        b {
            color: red;
            margin-left: 10px;
            font-weight: 400;
        }

        // background-color: #f7f7f5;
        .zc {
            margin-left: 50px;
            margin-top: 22px;
            font-weight: 700;

            input {
                border-radius: 8%;
                border-color: #d8d8d8;
                margin-bottom: 20px;
            }

            .btndx {
                background-color: rgba($color: #ebecee, $alpha: 0.5);
            }

            p {
                margin-top: 10px;
                margin-bottom: 36px;
                margin-left: 60px;
                font-weight: 400;
            }

            .zcbtn {
                margin-left: 80px;
                width: 100px;
                height: 20px;
            }

            a {
                color: red;
            }

        }
    }
}

footer {
    height: 180px;

    margin-top: 60px !important;

    width: 100%;
    background-color: #efefef;
    overflow: hidden;
    text-align: center;

    .about {
        margin: 0 auto;
        width: 600px;
        margin-top: 44px;
    }

    a {
        padding: 0px 10px;
        width: 74px;
        border-right: 1px solid black;
        font-size: 18px;
        color: #a09e9f;
        text-decoration: underline;

        &:nth-child(1) {
            margin-left: 60px;
        }

        &:nth-child(4) {
            border: 0;
        }
    }

    p {
        margin-top: 46px;
    }

}